<!DOCTYPE html>
<!--[if IE 7]><html class="ie ie7 no-js" lang="en-US"><!
[endif]--><!--[if IE 8]><html class="ie ie8 no-js" lang="en-US"><!
[endif]--><!--[if !(IE 7) | !(IE 8)]><!-->
<html lang="en" class="no-js" xmlns:th="http://www.thymeleaf.org">
  <head>
    <!-- Basic need -->
    <title>电影可视化推荐系统</title>
    <meta charset="UTF-8" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <meta name="author" content="" />
    <link rel="profile" href="" />
    <!--Google Font-->
    <link rel="stylesheet" href="/assets/css/css.css" />
    <!-- Mobile specific meta -->
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="format-detection" content="telephone-no" />
    <!-- CSS files -->
    <link rel="stylesheet" href="/assets/css/plugins.css" />
    <link rel="stylesheet" href="/assets/css/style.css" />
  </head>
  <body>
    <!--preloading-->
    <div id="preloader">
      <img
        class="logo"
        src="/assets/picture/logo1.png"
        alt=""
        width="119"
        height="58"
      />
      <div id="status"><span></span><span></span></div>
    </div>
    <!--end of preloading--><!--login form popup-->
    <!--end of preloading--><!--login form popup-->
    <div th:replace="~{movie/common::login-content}"></div>
    <!--end of login form popup--><!--signup form popup-->
    <div th:replace="~{movie/common::signup-content}"></div>
    <!--end of signup form popup--><!-- BEGIN | Header -->
    <!--end of signup form popup--><!-- BEGIN | Header -->
    <div th:replace="~{movie/common::common_header}"></div>

    <!-- END | Header -->
    <div class="hero common-hero">
      <div class="container">
        <div class="row">
          <div class="col-md-12">
            <div class="hero-ct">
<!--              <h1></h1>-->
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- blog detail section-->
    <div class="page-single">
      <div class="container">
        <div class="row">
          <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="blog-detail-ct">
              <h1>[[${blog.getTitle()}]]</h1>
              <span class="time">27 Mar 2017</span>
              <div  th:utext="${blog.getContent()}" style="color: #abb7c4"></div>

              <!-- share link -->
<!--              <div class="flex-it share-tag">-->
<!--                <div class="social-link">-->
<!--                  <h4>Share it</h4>-->
<!--                  <a href="#"><i class="ion-social-facebook"></i></a-->
<!--                  ><a href="#"><i class="ion-social-twitter"></i></a-->
<!--                  ><a href="#"><i class="ion-social-googleplus"></i></a-->
<!--                  ><a href="#"><i class="ion-social-pinterest"></i></a-->
<!--                  ><a href="#"><i class="ion-social-linkedin"></i></a>-->
<!--                </div>-->
<!--                <div class="right-it">-->
<!--                  <h4>Tags</h4>-->
<!--                  <a href="#">Gray,</a><a href="#">Film,</a-->
<!--                  ><a href="#">Poster</a>-->
<!--                </div>-->
<!--              </div>-->
              <!-- comment items -->
<!--              <div class="comments">-->
<!--                <h4>04 Comments</h4>-->
<!--                <div class="cmt-item flex-it">-->
<!--                  <img src="/assets/picture/author.png" alt="" />-->
<!--                  <div class="author-infor">-->
<!--                    <div class="flex-it2">-->
<!--                      <h6><a href="#">Steve Perry</a></h6>-->
<!--                      <span class="time">- 27 Mar 2017</span>-->
<!--                    </div>-->
<!--                    <p>-->
<!--                      Even though Journey's classic vocalist Steve Perry didn’t-->
<!--                      reunite with the band during their Rock Hall performance-->
<!--                      (to the dismay of hopeful fans), he did offer up a-->
<!--                      touching speech.-->
<!--                    </p>-->
<!--                    <p><a class="rep-btn" href="#">+ Reply</a></p>-->
<!--                  </div>-->
<!--                </div>-->
<!--                <div class="cmt-item flex-it reply">-->
<!--                  <img src="/assets/picture/author2.png" alt="" />-->
<!--                  <div class="author-infor">-->
<!--                    <div class="flex-it2">-->
<!--                      <h6><a href="#">Joss Whedon</a></h6>-->
<!--                      <span class="time">- 27 Mar 2017</span>-->
<!--                    </div>-->
<!--                    <p>-->
<!--                      Prince died not long after the 2016 Rock Hall ceremony, so-->
<!--                      this year's edition featured Lenny Kravitz and a full-->
<!--                      gospel choir performing a swamp-funk take on When Doves-->
<!--                      Cry.-->
<!--                    </p>-->
<!--                  </div>-->
<!--                </div>-->
<!--                <div class="cmt-item flex-it reply">-->
<!--                  <img src="/assets/picture/author3.png" alt="" />-->
<!--                  <div class="author-infor">-->
<!--                    <div class="flex-it2">-->
<!--                      <h6><a href="#">Dave McNary</a></h6>-->
<!--                      <span class="time">- 27 Mar 2017</span>-->
<!--                    </div>-->
<!--                    <p>-->
<!--                      Blue Sky Studios is one of the world’s leading digital-->
<!--                      animation movie studios and we are proud of their-->
<!--                      commitment to stay and grow in Connecticut.-->
<!--                    </p>-->
<!--                  </div>-->
<!--                </div>-->
<!--                <div class="cmt-item flex-it">-->
<!--                  <img src="/assets/picture/author4.png" alt="" />-->
<!--                  <div class="author-infor">-->
<!--                    <div class="flex-it2">-->
<!--                      <h6><a href="#">Margot Robbie</a></h6>-->
<!--                      <span class="time">- 27 Mar 2017</span>-->
<!--                    </div>-->
<!--                    <p>-->
<!--                      Joan Baez was the sharpest of the Rock Hall inductees,-->
<!--                      singing about deportees and talking social activism as-->
<!--                      well as joking about her age and the likelihood that a-->
<!--                      good portion of the Barclays.-->
<!--                    </p>-->
<!--                    <p><a class="rep-btn" href="#">+ Reply</a></p>-->
<!--                  </div>-->
<!--                </div>-->
<!--              </div>-->
<!--              <div class="comment-form">-->
<!--                <h4>Leave a comment</h4>-->
<!--                <form action="">-->
<!--                  <div class="row">-->
<!--                    <div class="col-md-4">-->
<!--                      <input type="text" placeholder="Your name" />-->
<!--                    </div>-->
<!--                    <div class="col-md-4">-->
<!--                      <input type="text" placeholder="Your email" />-->
<!--                    </div>-->
<!--                    <div class="col-md-4">-->
<!--                      <input type="text" placeholder="Website" />-->
<!--                    </div>-->
<!--                  </div>-->
<!--                  <div class="row">-->
<!--                    <div class="col-md-12">-->
<!--                      <textarea-->
<!--                        name="message"-->
<!--                        id=""-->
<!--                        placeholder="Message"-->
<!--                      ></textarea>-->
<!--                    </div>-->
<!--                  </div>-->
<!--                  <input class="submit" type="submit" placeholder="submit" />-->
<!--                </form>-->
<!--              </div>-->
              <!-- comment form -->
            </div>
          </div>
<!--          <div class="col-md-3 col-sm-12 col-xs-12">-->
<!--            <div class="sidebar">-->
<!--              <div class="sb-search sb-it">-->
<!--                <h4 class="sb-title">Search</h4>-->
<!--                <input type="text" placeholder="Enter keywords" />-->
<!--              </div>-->
<!--&lt;!&ndash;              <div class="sb-cate sb-it">&ndash;&gt;-->
<!--&lt;!&ndash;                <h4 class="sb-title">Categories</h4>&ndash;&gt;-->
<!--&lt;!&ndash;                <ul>&ndash;&gt;-->
<!--&lt;!&ndash;                  <li><a href="#">Awards (50)</a></li>&ndash;&gt;-->
<!--&lt;!&ndash;                  <li><a href="#">Box office (38)</a></li>&ndash;&gt;-->
<!--&lt;!&ndash;                  <li><a href="#">Film reviews (72)</a></li>&ndash;&gt;-->
<!--&lt;!&ndash;                  <li><a href="#">News (45)</a></li>&ndash;&gt;-->
<!--&lt;!&ndash;                  <li><a href="#">Global (06)</a></li>&ndash;&gt;-->
<!--&lt;!&ndash;                </ul>&ndash;&gt;-->
<!--&lt;!&ndash;              </div>&ndash;&gt;-->
<!--              <div class="sb-recentpost sb-it">-->
<!--                <h4 class="sb-title">most popular</h4>-->
<!--                <div class="recent-item">-->
<!--                  <span>01</span>-->
<!--                  <h6>-->
<!--                    <a href="#"-->
<!--                      >Korea Box Office: Beauty and the Beast Wins Fourth</a-->
<!--                    >-->
<!--                  </h6>-->
<!--                </div>-->
<!--                <div class="recent-item">-->
<!--                  <span>02</span>-->
<!--                  <h6>-->
<!--                    <a href="#">Homeland Finale Includes Shocking Death </a>-->
<!--                  </h6>-->
<!--                </div>-->
<!--                <div class="recent-item">-->
<!--                  <span>03</span>-->
<!--                  <h6>-->
<!--                    <a href="#"-->
<!--                      >Fate of the Furious Reviews What the Critics Saying</a-->
<!--                    >-->
<!--                  </h6>-->
<!--                </div>-->
<!--              </div>-->
<!--              <div class="sb-tags sb-it">-->
<!--                <h4 class="sb-title">tags</h4>-->
<!--                <ul class="tag-items">-->
<!--                  <li><a href="#">Batman</a></li>-->
<!--                  <li><a href="#">film</a></li>-->
<!--                  <li><a href="#">homeland</a></li>-->
<!--                  <li><a href="#">Fast & Furious</a></li>-->
<!--                  <li><a href="#">Dead Walker</a></li>-->
<!--                  <li><a href="#">King</a></li>-->
<!--                  <li><a href="#">Beauty</a></li>-->
<!--                </ul>-->
<!--              </div>-->
<!--              <div class="ads">-->
<!--                <img src="/assets/picture/ads1.png" alt="" />-->
<!--              </div>-->
<!--            </div>-->
<!--          </div>-->
        </div>
      </div>
    </div>
    <!-- end of  blog detail section--><!-- footer section-->
<!--    <footer class="ht-footer">-->
<!--      <div class="container">-->
<!--        <div class="flex-parent-ft">-->
<!--          <div class="flex-child-ft item1">-->
<!--            <a href="index.html"-->
<!--              ><img class="logo" src="/assets/picture/logo1.png" alt=""-->
<!--            /></a>-->
<!--            <p>-->
<!--              5th Avenue st, manhattan<br />-->
<!--              New York, NY 10001-->
<!--            </p>-->
<!--            <p>Call us: <a href="#">(+01) 202 342 6789</a></p>-->
<!--          </div>-->
<!--          <div class="flex-child-ft item2">-->
<!--            <h4>Resources</h4>-->
<!--            <ul>-->
<!--              <li><a href="#">About</a></li>-->
<!--              <li><a href="#">Blockbuster</a></li>-->
<!--              <li><a href="#">Contact Us</a></li>-->
<!--              <li><a href="#">Forums</a></li>-->
<!--              <li><a href="#">Blog</a></li>-->
<!--              <li><a href="#">Help Center</a></li>-->
<!--            </ul>-->
<!--          </div>-->
<!--          <div class="flex-child-ft item3">-->
<!--            <h4>Legal</h4>-->
<!--            <ul>-->
<!--              <li><a href="#">Terms of Use</a></li>-->
<!--              <li><a href="#">Privacy Policy</a></li>-->
<!--              <li><a href="#">Security</a></li>-->
<!--            </ul>-->
<!--          </div>-->
<!--          <div class="flex-child-ft item4">-->
<!--            <h4>Account</h4>-->
<!--            <ul>-->
<!--              <li><a href="#">My Account</a></li>-->
<!--              <li><a href="#">Watchlist</a></li>-->
<!--              <li><a href="#">Collections</a></li>-->
<!--              <li><a href="#">User Guide</a></li>-->
<!--            </ul>-->
<!--          </div>-->
<!--          <div class="flex-child-ft item5">-->
<!--            <h4>Newsletter</h4>-->
<!--            <p>-->
<!--              Subscribe to our newsletter system now <br />to get latest news-->
<!--              from us.-->
<!--            </p>-->
<!--            <form action="#">-->
<!--              <input type="text" placeholder="Enter your email..." />-->
<!--            </form>-->
<!--            <a href="#" class="btn"-->
<!--              >Subscribe now <i class="ion-ios-arrow-forward"></i-->
<!--            ></a>-->
<!--          </div>-->
<!--        </div>-->
<!--      </div>-->
<!--      <div class="ft-copyright">-->
<!--        <div class="ft-left">-->
<!--          <p>-->
<!--            © 2017 Blockbuster. All Rights-->
<!--            <a href="javascript:;" title="17sucai">Reserved</a>. Designed by-->
<!--            leehari.-->
<!--          </p>-->
<!--        </div>-->
<!--        <div class="backtotop">-->
<!--          <p>-->
<!--            <a href="#" id="back-to-top"-->
<!--              >Back to top <i class="ion-ios-arrow-thin-up"></i-->
<!--            ></a>-->
<!--          </p>-->
<!--        </div>-->
<!--      </div>-->
<!--    </footer>-->
    <!-- end of footer section-->
    <script src="/assets/js/jquery.js"></script>
    <script src="/assets/js/plugins.js"></script>
    <script src="/assets/js/plugins2.js"></script>
    <script src="/assets/js/custom.js"></script>
  </body>
</html>
